﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" ng-app="todoApp">
<head>
    <title ng-bind="title"></title>
    <link href="Content/bootstrap.css" rel="stylesheet" />
    <link href="Content/bootstrap-theme.css" rel="stylesheet" />
    <style>
        .nav, .pagination, .carousel, .panel-title a { cursor: pointer; }
    </style>
</head>
<body>
    <div class="container">
        <div class="row clearfix">
            <div class="col-md-12 column">
                <tabset>
                    <tab-heading>
                        <a href="#/">Items ToDo</a>
                    </tab-heading>
                    <tab-heading>
                        <a href="#/completed">Items Completed</a>
                    </tab-heading>
                </tabset>
            </div>
        </div>
        <div class="row clearfix">
            <div class="col-md-12 column" ng-view="">
                <!--Injected Angular templates go here!-->
            </div>
        </div>
        <div class="row clearfix">
            <div class="col-md-12 column">
                <div ng-controller="AlertController">
                    <alert ng-repeat="alert in alerts" type="{{alert.type}}" close="closeAlert($index)">{{alert.msg}}</alert>
                </div>
            </div>
        </div>
    </div>
    <script src="Scripts/jquery-2.1.1.min.js"></script>
    <script src="Scripts/angular.min.js"></script>
    <script src="Scripts/angular-ui/ui-bootstrap.min.js"></script>
    <script src="Scripts/angular-ui/ui-bootstrap-tpls.min.js"></script>
    <script src="Scripts/angular-sanitize.min.js"></script>
    <script src="Scripts/angular-route.min.js"></script>
    <script src="app/app.js"></script>
    <script src="app/services/AlertService.js"></script>
    <script src="app/services/ItemsService.js"></script>
    <script src="app/controllers/CompletedController.js"></script>
    <script src="app/controllers/AlertController.js"></script>
    <script src="app/controllers/TodoController.js"></script>
    <script src="app/controllers/ViewTodoController.js"></script>
</body>
</html>
